$(function () {
    //进行第一页渲染
    var currentPage = 1;
    var pageSize = 3;
    rander();
    //渲染页面的函数
    function rander() {
        $.ajax({
            url: '/category/querySecondCategoryPaging',
            type: 'get',
            data: {
                page: currentPage,
                pageSize: pageSize
            },
            dataType: 'json',
            success: function (info) {
                $('tbody').html(template('tmp', info));
                //进行分页渲染
                $('#paginator').bootstrapPaginator({
                    bootstrapMajorVersion: 3,
                    currentPage: currentPage, //当前页
                    totalPages: Math.ceil(info.total / info.size), //总页数
                    onPageClicked: function (_, _, _, page) {
                        currentPage = page;
                        rander(); //渲染对应页面
                    }
                    });
                }
            });
        }
        //填充下拉菜单
    $.ajax({
        url: '/category/queryTopCategoryPaging',
        data:{
            page: 1,
            pageSize: 520
        },
        success: function(info){
            $('.cate-list').html(template('tmp-cate', info));
        }
    });
    //点击下拉菜单显示选中结果
    $('.cate-list').on('click', 'a', function () {
        $('.cate-text').text($(this).text());//获取当前a标签的id和文本
        $('.categoryId').val($(this).data('id'));//获取选中元素的id赋值给隐藏域
        $("#form").data('bootstrapValidator').updateStatus('categoryId', 'VALID');
    });
    //上传图片
    $('#file').fileupload({
        dataType: 'json',
        done: function(e, data){
            var url = data.result.picAddr;//获取服务器中保存图片的地址
            //赋值地址
            $('.logo').attr('src', url);
            //把地址存放到隐藏域中
            $('.hide-logo').val(url);
            $("#form").data('bootstrapValidator').updateStatus('brandLogo', 'VALID');
        }
    });
    //进行表单验证
    $('#form').bootstrapValidator({
        excluded: [],
        feedbackIcons: {
            valid: 'glyphicon glyphicon-ok',
            invalid: 'glyphicon glyphicon-remove',
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            categoryId: {
                validators: {
                    notEmpty: {
                        message: '一级分类不能为空'
                    }
                }
            },
            brandName: {
                validators: {
                    notEmpty: {
                        message: '品牌名称不能为空'
                    }
                }
            },
            brandLogo: {
                validators: {
                    notEmpty: {
                        message: 'logo不能为空'
                    }
                }
            }
        }
    });
    //通过获取数据完成添加操作
    $('#form').on('success.form.bv', function(e){
        e.preventDefault();
        $.ajax({
            url: '/category/addSecondCategory',
            type: 'post',
            data: $('#form').serialize(),
            dataType: 'json',
            success: function (info) {
                $('#addModal').modal('hide');
                currentPage = 1;
                rander();
                //需要手动重置的内容
                $('#form').data('bootstrapValidator').resetForm(true);//清空表单内容和验证效果
                $('.cate-text').text('请选择一级分类');//重置下拉菜单
                $('.logo').attr('src', './images/default.png');//重置图片效果
            }
        });
    });
})